import BpmnModeler from "@/module/main/other/BpmnTestView/BpmnModeler";
import {Component, ComponentProps, VueComponent} from "vue3-oop";
import {NForm, NFormItemGi, NGrid, NInput, NSpace, NCheckbox} from "naive-ui";

interface IProps {
  bpmnModeler: BpmnModeler,
  elementId: string,
  elementName: string,
  elementType: string
}
@Component()
export default class Index extends VueComponent<IProps> {
  static defaultProps: ComponentProps<IProps> = {
    bpmnModeler: {default: {} as any},
    elementId: {default: ''},
    elementName: {default: ''},
    elementType: {default: ''}
  }

  render(){
    return (
      <NForm labelPlacement="left" labelWidth={100}>
        <NGrid cols={2} xGap={20}>
          <NFormItemGi label="处理用户"><NInput /></NFormItemGi>
          <NFormItemGi label="候选用户"><NInput /></NFormItemGi>
          <NFormItemGi label="候选分组"><NInput /></NFormItemGi>
          <NFormItemGi label="到期时间"><NInput /></NFormItemGi>
          <NFormItemGi label="跟踪时间"><NInput /></NFormItemGi>
          <NFormItemGi label="优先级"><NInput /></NFormItemGi>
        </NGrid>
      </NForm>
    )
  }
}